.form-richtext {
	.tox-tinymce {
		min-height: 320px;
		border-color: $border-color-base;
		&:hover {
			@include borderColorPrimaryLight5();
		}
	}
	.form-richtext-blur-vdom{
		position: fixed;
		left: -1000%;
		top: -1000%;
	}

	.tox .tox-statusbar {
		border-color: $border-color-base;
	}

	.tox .tox-tbtn:hover {
		@include backgroundColorPrimaryLight5();
		svg {
			// fill: #fff;
		}
	}
	.tox .tox-tbtn--enabled svg,
	.tox .tox-tbtn--enabled:hover svg {
		// fill: #fff;
	}
}
.err {
	.tox-tinymce {
		border-color: $color-danger;
		&:hover {
			border-color: $color-danger !important;
		}
	}
}
.show-all {
	.tox-tinymce {
		// max-height: 800px !important;
		// overflow-y: scroll;
	}
}
.show-hide{
	// height: 200px !important;
	.tox-tinymce {
		// height: 200px !important;
	}
}
.tox {
	.tox-tbtn--enabled,
	.tox-tbtn--enabled:hover {
		@include backgroundColorPrimaryLight5();
		// svg {
		// 	fill: #fff;
		// }
	}
	.tox-tbtn {
		&:hover {
			@include backgroundColorPrimaryLight5();
			// svg {
			// 	fill: #fff !important;
			// }
		}
		&:focus {
			@include backgroundColorPrimaryLight3();
			// svg {
			// 	fill: #fff !important;
			// }
		}
	}

	.tox-listboxfield .tox-listbox--select:focus,
	.tox-textarea:focus,
	.tox-textfield:focus {
		border-color: $color-primary !important;
	}
	.tox-split-button:focus {
		@include backgroundColorPrimaryLight5();
		svg {
			fill: #fff !important;
		}
	}
	.tox-collection--list .tox-collection__item--active {
		@include backgroundColorPrimaryLight3();
	}
	.tox-dialog {
		border-radius: 8px;
	}
	.tox-dialog-wrap {
		.tox-dialog__body-nav-item {
			&:focus {
				background-color: transparent;
			}
		}
		.tox-dialog__body-nav-item--active {
			border-color: $color-primary !important;
			color: $color-primary !important;
		}
		.tox-dialog {
			border-radius: 8px;
		}
		.tox-dialog-wrap__backdrop {
			background-color: rgba(0, 0, 0, 0.4);
		}
		.tox-dialog__header {
			position: relative;
			padding: 10px 15px 10px 20px;
			background-color: #fafafa;
			font-size: 16px;
			color: #262626;
			font-weight: normal;
			display: flex;
			align-items: center;
			.tox-button--naked:hover:not(:disabled) {
				background: transparent;
				border-color: transparent;
				svg {
					fill: $color-danger;
				}
			}
			.tox-button--icon {
				padding: 0;
			}
		}
	}
	.tox-image-tools__toolbar,
	.tox-dialog__footer-end {
		.tox-button {
			background-color: $color-primary;
			border-color: $color-primary;
			border-radius: 4px;
			font-weight: 400;
			&:not(:disabled):hover {
				@include backgroundColorPrimaryLight5();
				@include borderColorPrimaryLight5();
			}
		}
		.tox-button[disabled] {
			color: #bfbfbf;
			cursor: not-allowed;
			background-image: none;
			background-color: rgb(242, 242, 242);
			border-color: #bfbfbf;
		}
		.tox-button--secondary {
			border-color: $border-color-base;
			background: #fff;
			&:hover {
				@include backgroundColorPrimaryLight9();
				@include borderColorPrimaryLight5();
			}
		}
	}
}

.tox-toolbar__group:not(:last-of-type) {
	// border-right: none !important;
}

.form-readonly {
	.tox-statusbar {
		display: none !important;
	}

	.tox-tinymce {
		min-height: 0;
		border-color: transparent !important;
		&:hover {
			border-color: transparent !important;
		}
	}
}
.form-toedit{
	overflow-y: auto;
}
.show-box{
	.form-readonly{
		overflow-y: auto;
	}
}
.tox-tinymce-aux {
	z-index: 9999 !important;
}
